<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title data-localize="ms_upHomework"></title>
	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css">
	<link rel="stylesheet" href="./style/page.css" >
	<link rel="stylesheet" href="./style/uploadhwk.css">
	<!--[if lt IE 9]>
	<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<script type="text/javascript">
		 var Role= '<%=session.getAttribute("password") %>';
		var User= '<%=session.getAttribute("username")%>';
		var UserID= '<%=session.getAttribute("userid")%>';
	</script>
		<script src="script/vue.js"></script>
    </head>
<body>
<%@ include file="head.jsp"%>
<div id="container" class="container">
	<h4><span data-localize="labMg_lessonName"></span><span id="lessonName">{{lesson.lessonname}}   </span></h4>
<ul class="nav nav-tabs" role="tablist">
	<li role="presentation" class="active">
		<a data-toggle="tab" href="#unloaded" data-localize="ol_st_no"></a>
	</li>
	<li role="presentation">
		<a data-toggle="tab" href="#loaded" data-localize="ol_st_ye"></a>
	</li>
</ul>
<div class="tab-content">
	<div role="tabpanel" class="tab-pane tabBlank active" id="unloaded">
		
 <ul class="media-list labInfo" id="labsUnloadUl">
                        <li class="media" v-for='(item,index) in unreadyhwk' key="index">
							<h4>{{item.name}}</h4>
							 <p><span class="label label-success zhlable"  data-localize="ol_edit"></span>
							 <a href="http://runjs.cn/code" target="_blank" role="button" class="btn btn-link">开发</a>/<a href="http://c.dituhui.com/apps" target="_blank" role="button" class="btn btn-link">制图</a></p>
							  <p><span class="label label-danger zhlable"  data-localize="hw_diedline"></span><a href="#"  role="button" class="btn btn-link">{{lesson.enddate}}</a></p>
							 <h4><span data-localize="ol_answer"></span>:<span data-localize="hw_upsugest" class="sideTitle"></span></h4>
							 <input class="form-control urlinput"   v-model='item.url'/>
							 <a class="blueBtn" @click="submitWebAns(index)"  data-localize="ol_submit"></a>
						</li> 
			

                    </ul>
	</div>
	<div role="tabpanel" class="tab-pane tabBlank" id="loaded">
 <ul class="media-list labInfo" id="labsLoadedUl">
                        <li class="media" v-for='(item,index) in readyhwk' key="index">
							<h4>{{item.name}}</h4>
							<p><span class="label label-danger zhlable"  data-localize="hw_diedline"></span><a href="#"  role="button" class="btn btn-link">{{lesson.enddate}}</a></p>
							 <h4><span data-localize="ol_answer"></span>:<span data-localize="hw_upsugest" class="sideTitle"></span></h4>
							 <input class="form-control urlinput"   v-model='item.url'/>
							 <a class="blueBtn" @click="modifyWebAns(index)" data-localize="pm_modify"></a>
						</li>


                    </ul>
	</div>
</div>
</ul>


</div>
<script src="http://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="script/jquery.i18n.properties.min.js"></script>
<script src="script/jquery.i18n.init.js"></script>
<script src="script/layerui/layer.js"></script>
<script src="script/uploadhwk.js"></script>
    </body>
</html>